<template>
	<view>
		<navBar title="停车月卡"></navBar>
		<view class="top-bg"></view>
		<view class="content">
			<image class="intro" :src="bg_image.intro"></image>
			<view class="card">
				<text>选择车场</text>
				<text @click="open">{{form.park?form.park:'请选择办理车场'}}
				<u-icon name="arrow-right" color="#B1B1B1"></u-icon></text>
			</view>
			<view class="card" @click="go('/pages/indoor/myCar?origin=scheme')">
				<text>选择车辆</text>
				<text>{{form.plateNumber?form.plateNumber:'请选择办理车牌'}}
				<u-icon name="arrow-right" color="#B1B1B1"></u-icon></text>
			</view>
			<view class="card">
				<text>联系电话</text>
				<view class="middle">
					<input type="number" :disabled="true" class="phone-input" v-model="form.phoneNumber"
						placeholder="请输入手机号码" />
				</view>
			</view>
			<view v-show="showError" class="error">请输入正确的手机号</view>
			<view class="scheme-panel" v-show="parkStaticRuleList.length">
				<view class="scheme-panel-title">请选择包月时长</view>
				<view class="scroll">
					<view class="scheme-list">
						<view class="scheme-item" :class="{'active':form.ruleId===item.id}" v-if="(isShowCurrentParkStaticRule && form.ruleId===item.id) || !isShowCurrentParkStaticRule"
							v-for="item in parkStaticRuleList" :key="item.id" @click="handleSelectRule(item)">
							<view class="aux">
								<view class="time">{{item.name || ''}}</view>
								<view class="price">
									<text class="price-sign">￥</text>
									<text class="num">{{item.price || 0}}</text>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view v-show="price" class="pay-btn" @click="getPayInfo">确认支付{{price || 0}}元</view>
		</view>
		<u-popup
		:border-radius="22"
		mode="bottom" v-model="showOverlay">
			<view class="parking-list">
				<view class="tool">
					<text class="cancel" @click="handleCancel">取消</text>
					<text class="confirm" @click="handleConfirm">确认</text>
				</view>
				<view class="parking-list-item" v-for="item in parkList" :key="item.id" @click="handleSelectPark(item)">
					{{item.name || '洪美华停车场'}}
				</view>
			</view>
			
		</u-popup>
	</view>
</template>
<script>
	import scheme from './js/scheme'
	
	export default {
		components: {
		   
		},
		...scheme
	}
</script>

<style lang="less" scoped>
	@import url('./css/scheme.less');
</style>